<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>百顺通云-后台用户管理</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- 公用CSS文件引入 -->
        <jsp:include page="../../admin/commonCSS.jsp"></jsp:include>
        <!-- 树节点插件 -->
        <link href="/cdn/zTree_v3/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">        
        <!-- 局部css -->
        <link href="/css/admin/productManager.css" rel="stylesheet" type="text/css"/>
 
    </head>
    <body class="skin-blue">
        
		<!-- 公用头部 -->
        <jsp:include page="../../admin/commonHeader.jsp"></jsp:include>
        
        <div class="wrapper row-offcanvas row-offcanvas-left">
            
            <!-- 公用导航 -->
            <jsp:include page="../../admin/commonMenu.jsp"></jsp:include>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>产品管理列表<small>商品分类列表</small></h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i>首页</a></li>
                        <li class="active">产品管理</li>
                        <li class="active">商品类目设置</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                    <!-- Small boxes (Stat box) -->
					<div class="row">
					  <div class="col-md-2">
					  	<div class="showcategory">
					  		<ul id="treeDemo" class="ztree"></ul>
					  	</div>
					  </div>
					  <div class="col-md-10">
					  	<div id="categorylist">
						  	<div id="operator">
						  		<button type="button" class="btn btn-default addcategory">新增下级分类</button>
						  		<button type="button" class="btn btn-default deletecategory">删除</button>
						  	</div>
						  	<div class="datatable">
						  		<div class="bstable">
							  		<table class="table table-bordered" id="categorytable">
								      <thead>
								        <tr>
								          <th>
										      <lable class="icheck checkall">
										      	<input type="checkbox" class="simple">
										      	<span>全选</span>
										      </lable>
								          </th>
								          <th>
								          	<span class="filter filterno">商品分类编号</span>
								          	<i class="fa fa-fw fa-sort-desc"></i>
								          </th>
								          <th>
								          	<span class="filter filtername">商品分类名称</span>
								          	<i class="fa fa-fw fa-sort-desc"></i>
								          </th>
								          <th>
								          	<span class="filter filtercty">分类级别</span>
								          	<i class="fa fa-fw fa-sort-desc"></i>
								          </th>
								          <th>
								          	<span class="filter filtertime">创建时间</span>
								          	<i class="fa fa-fw fa-sort-desc"></i>
								          </th>
								          <th>
								          	<span class="filter filternote">备注</span>
								          	<i class="fa fa-fw fa-sort-desc"></i>
								          </th>
								          <th>
								          	<span>操作</span>
								          </th>
								        </tr>
								      </thead>
								      <tbody>
								        <tr>
								          <td>
										      <input type="checkbox" class="simple">
								          </td>
								          <td>b</td>
								          <td>阿毛</td>
								          <td>123</td>
								          <td>哈哈</td>
								          <td>morning</td>
								          <td class="opration">
								          	<a href="javascript:void(0);" class="categorylook">查看</a>
								          	<a href="javascript:void(0);" class="categoryedit">编辑</a>
								          	<a href="javascript:void(0);" class="categorydelete">删除</a>
								          </td>
								        </tr>
								        <tr>
								          <td>
										      <input type="checkbox" class="simple">
								          </td>
								          <td>a</td>
								          <td>不错</td>
								          <td>321</td>
								          <td>呵呵</td>
								          <td>goodnight</td>
								          <td class="opration">
								          	<a href="javascript:void(0);" class="categorylook">查看</a>
								          	<a href="javascript:void(0);" class="categoryedit">编辑</a>
								          	<a href="javascript:void(0);" class="categorydelete">删除</a>
								          </td>
								        </tr>
								      </tbody>
								    </table>

						  		</div>
						  		<div>
						  			<div id="pagesbox"><div class="row"><div class="col-xs-4"><div class="dataTables_info" id="pageInfor">当前显示数据<select class="input-sm showCountAstrict"><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option><option value="50">50</option></select>条，共<b class="allCount">80</b>条</div></div><div class="col-xs-8"><div class="dataTables_paginate paging_bootstrap text-right"><ul class="pagination"><li class="prev disabled"><a href="#" data-goto="prev">← 上一页</a></li><li class="active"><a href="#" data-goto="1">1</a></li><li><a href="#" data-goto="2">2</a></li><li><a href="#" data-goto="3">3</a></li><li><a href="#" data-goto="4">4</a></li><li><a href="#" data-goto="5">5</a></li><li><a href="#" data-goto="6">6</a></li><li><a href="#" data-goto="7">7</a></li><li><a href="#" data-goto="8">8</a></li><li class="next"><a href="#" data-goto="next">下一页 → </a></li></ul></div></div></div></div>
						  		</div>
						  	</div>
					  	</div>
					  	<div id="addcategorybox" style="display:none;">
					  		<div class="row">
					  			<div class="col-md-6 formarea">
						  			<form class="form-horizontal" role="form">
									  <div class="form-group">
									    <label for="inputEmail3" class="col-sm-4 control-label">商品分类编号：</label>
									    <div class="col-sm-8">
									      <input type="text" class="form-control input-sm" id="inputEmail3" placeholder="可不填，不填系统自动生成一个号码">
									    </div>
									  </div>
									  <div class="form-group">
									    <label for="inputPassword3" class="col-sm-4 control-label">商品分类名称：</label>
									    <div class="col-sm-8">
									      <input type="text" class="form-control input-sm" id="inputPassword3" placeholder="商品分类名称">
									    </div>
									  </div>
									 <div class="form-group">
									    <label for="inputPassword3" class="col-sm-4 control-label">分类级别：</label>
									    <div class="col-sm-8">
									      <select class="form-control input-sm">
											  <option value="1">1</option>
											  <option value="1">2</option>
											</select>
									    </div>
									  </div>
									  <div class="form-group">
									    <label for="inputPassword3" class="col-sm-4 control-label">上级分类名称：</label>
									    <div class="col-sm-8">
									      <select class="form-control input-sm">
											  <option value="1">1</option>
											  <option value="1">2</option>
											</select>
									    </div>
									  </div>
									  <div class="form-group">
									    <label for="inputPassword3" class="col-sm-4 control-label">选择分类产品：</label>
									    <div class="col-sm-8" id="choosecategory">
											<div class="input-group">
										      <input class="form-control" type="email" placeholder="选择分类产品">
										      <div class="input-group-addon">...</div>
										    </div>
									    </div>
									  </div>
									  <div class="form-group">
									    <label for="inputPassword3" class="col-sm-4 control-label">备注：</label>
									    <div class="col-sm-8">
											<textarea class="form-control" rows="3"></textarea>
									    </div>
									  </div>
									  <div class="form-group">
									    <div class="col-sm-offset-4 col-sm-10" id="addoperator">
									      <button type="button" class="btn btn-default confirm">确定</button>
									      <button type="button" class="btn btn-default cancel">取消</button>
									    </div>
									  </div>
									</form>
								</div>
					  		</div>
					  	</div>
					  </div>
					</div>
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
		<script type="text/javascript">
			var currentMenu = 'productManager';
			var SYSTEM = {
					zNodes: [
					 			{ id:1, pId:0, name:"全部", open:true},
								{ id:11, pId:1, name:"套餐", open:true},
								{ id:111, pId:11, name:"mc标准服务"},
								{ id:112, pId:11, name:"叶子节点112"},
								{ id:113, pId:11, name:"叶子节点113"},
								{ id:114, pId:11, name:"叶子节点114"},
								{ id:13, pId:1, name:"增值应用", isParent:true, open:true},
								{ id:131, pId:13, name:"办公类"}
							]
			};
			/* var currentMenu = 'productManager';
			var goodsTypeList =  ${goodsTypeList};
			var SYSTEM = {
					zNodes:goodsTypeList
			}; */
		</script>
		<!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonJs.jsp"></jsp:include>
		<!-- 树节点插件 -->
		<script type="text/javascript" src="/cdn/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
		<!-- 局部js文件 -->
		<script src="/js/admin/productManager/productManager.js"></script>
    </body>
</html>